<template>
  <h1>LhzL</h1>
  <h1 v-text="slogan" @click="updateSlogan"></h1>
  <LhzM></LhzM>
</template>

<script>
import LhzM from "./LhzM.vue";
import {provide, ref} from "vue";

export default {
  name: "LhzL",
  setup() {
    const slogan = ref('桃李不言下自成蹊');
    const updateSlogan = function () {
      this.slogan = '我爱你中国，亲爱的母亲';
    };
    provide('slogan', slogan)
    provide('updateSlogan', updateSlogan)
    return {
      slogan,updateSlogan
    }
  },
  components: {
    LhzM
  },
}
</script>

<style scoped>

</style>